﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Masters/Basic.Master" AutoEventWireup="true" CodeBehind="DepManageInfo.aspx.cs" Inherits="PMS.UI.BD.DepManageInfo" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript">
        $(function () {
            var height = $("#divTotal").height();
            var master = $("#master").height();
            var content = parseFloat(height) - parseFloat(master) - 30;
            $("#tbList").css("height", content);
        });
    </script>
    <script type="text/javascript">
        $(function () {
            // console.log("aa");
            $("#tbList").datagrid({
                url: '/Logic/BD/DepartmentPositionAjax.aspx?method=GetDepManageList',
                loadMsg: '数据加载中请稍后……',
                // fitColumns: true,
                pagination: true,
                rownumbers: true,
                idField: "ID",
                singleSelect: true,
                pageSize: 10,
                queryParams: com.serializeSearchArray("form1"),
                pageList: [10, 20, 30],
                columns: [[
                    {
                        field: 'ck', checkbox: true, width: 30
                    }, {
                        field: 'ID', title: 'ID', width: 100,

                    }, {
                        field: 'DepName', title: '部门名称', width: 100,

                        editor: {
                            type: "validatebox",
                            options: {
                                required: true
                            }
                        }

                    }, {
                        field: 'DepState', title: '是否禁用', width: 100, align: "center",

                        editor: {
                            type: "combobox",
                            options: {
                                data: StaticCombo.Disable,
                                valueField: 'value',
                                textField: 'text',
                                required: true,
                                panelHeight: "auto"
                            }
                        },
                        formatter: function (value, row, index) {
                            if (row.DepState == 0) { return "否"; }
                            else { return "是" }
                        }
                    }, {
                        field: 'ManClerk', title: '维护人', width: 100,

                    },
                    {
                        field: 'FillDate', title: '维护时间', width: 100,

                    }, {
                        field: 'Note', title: '备注', width: 100,
                        editor: {
                            type: "text"
                        }
                    }
                ]],
                singleSelect: true,
                pageSize: 20,
                pageList: [20, 50, 100],
                striped: true,
                onAfterEdit: function (rowIndex, rowData, changes) {
                    //rowIndex，该结束行的索引
                    //console.info(row);
                    // console.log(rowData);
                    if (editAction == "edit") {
                        com.ajax({
                            url: "/Logic/BD/DepartmentPositionAjax.aspx?method=EditDepManageList",
                            data: rowData,
                            success: function (data) {
                                com.message(data.state, data.msg, function () { $("#tbList").datagrid("reload"); });
                            }
                        });
                    } else if (editAction == "add") {

                        com.ajax({

                            url: "/Logic/BD/DepartmentPositionAjax.aspx?method=AddDepManageList",
                            data: rowData,
                            success: function (data) {
                                com.message(data.state, data.msg, function () { $("#tbList").datagrid("reload"); });
                            }
                        });
                    }
                    editRow = undefined;
                }, onCancelEdit: function (rowIndex, rowData) {
                    $("#tbList").datagrid("rejectChanges");

                }

            });
        })
    </script>
    <script type="text/javascript">
        function funcSearch() {
            var para = com.serializeSearchArray("form1");
            $("#tbList").datagrid("load", para);

        }
        editRow = undefined;
        editAction = undefined;
        function funcAdd() {
            //添加时先判断是否有开启编辑的行，如果有则把开户编辑的那行结束编辑
            if (editRow != undefined) {

            }
            //添加时如果没有正在编辑的行，则在datagrid的第一行插入一行
            if (editRow == undefined) {
                $("#tbList").datagrid("insertRow", {
                    index: 0, // index start with 0
                    row: {
                        DepState:'0'
                    }
                });
                //将新插入的那一行开户编辑状态
                $("#tbList").datagrid("beginEdit", 0);
                //给当前编辑的行赋值
                editRow = 0;
                editAction = "add";
            }
        }
        function funcEdit() {
            var row = $('#tbList').datagrid('getSelected');
            if (row) {
                if (editRow != undefined) {
                }
                else {
                    var index = $("#tbList").datagrid('getRowIndex', row);
                    //   var index = row.Id;
                    $("#tbList").datagrid('beginEdit', index);
                    editAction = "edit";
                    editRow = index;
                }
            }
            else {
                com.message("information", "请选中一行");
            }
        }
        function funcSave() {
            $('#tbList').datagrid('endEdit', editRow);
        }
        function funcCancel() {
            $('#tbList').datagrid("cancelEdit", editRow);
            editRow = undefined;
            editAction = undefined;
        }
        function funcReload() {
            $("#form1").form("reset");
            var para = com.serializeObj("form1");
            $("#tbList").datagrid("load", para);
            editRow = undefined;
            editAction = undefined;
        }
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div id="divTotal" style="height: 100%; width: 100%">
        <div id="master" class="container_12" style="height: auto">
            <form id="form1">
                <div class="grid_1 sealbl" style="text-align: right;">
                    部门:
                </div>
                <div class="grid_2 seaval" style="text-align: left;">
                    <input id="ID" name="ID" data-cp="=" class="easyui-combobox" data-options="valueField:'value',textField:'text',url:'/Logic/CommonAjax/UserRelateAjax.aspx?method=GetDepInfo',panelHeight:'auto',editable:false" />
                </div>
                <div class="grid_1 sealbl" style="text-align: right;">
                    禁用:
                </div>
                <div class="grid_2 seaval" style="text-align: left;">
                    <input id="DepState" name="DepState" data-cp="=" class="easyui-combobox" value="0" data-options="valueField:'value',textField:'text',data:StaticCombo.Disable,panelHeight:'auto',editable:false" />
                </div>
            </form>
        </div>

        <table id="tbList" title="部门管理信息表 " style="width: 100%">
        </table>
    </div>
</asp:Content>
